* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Poppins', sans-serif;
      background-color: #f9f9f9;
      color: #333;
    }

    header {
      background: linear-gradient(to right, #007bff, #00c6ff);
      padding: 1rem 2rem;
      color: white;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }

    header h1 {
      font-size: 1.8rem;
    }

    .header-buttons {
      display: flex;
      gap: 1rem;
    }

    .btn {
      background: white;
      color: #007bff;
      padding: 0.5rem 1rem;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
      transition: 0.3s;
    }

    .btn:hover {
      background: #e9ecef;
    }

    .container {
      max-width: 1000px;
      margin: 2rem auto;
      padding: 0 1rem;
    }

    .section-title {
      text-align: center;
      font-size: 2rem;
      margin-bottom: 1.5rem;
      color: #007bff;
    }

    .tabs {
      display: flex;
      justify-content: center;
      margin-bottom: 2rem;
    }

    .tab {
      padding: 0.75rem 1.5rem;
      margin: 0 1rem;
      background: #e0e0e0;
      color: #333;
      border-radius: 5px;
      cursor: pointer;
      transition: 0.3s;
      font-weight: 500;
    }

    .tab.active {
      background: #007bff;
      color: white;
    }

    .tab:hover {
      background: #ccc;
    }

    .tab-content {
      display: none;
      animation: fadeIn 0.5s ease-in-out;
    }

    .tab-content.active {
      display: block;
    }

    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }

    .overview, .programs {
      background: white;
      padding: 1.5rem;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.08);
      margin-bottom: 2rem;
    }

    .overview p {
      font-size: 1rem;
      line-height: 1.7;
      color: #555;
    }

    .programs h3 {
      margin-bottom: 0.5rem;
      color: #007bff;
    }

    .programs ul {
      list-style: disc;
      padding-left: 1.5rem;
      margin-bottom: 1rem;
    }

    .programs ul li {
      margin-bottom: 0.5rem;
    }

    .read-more-btn {
      display: inline-block;
      margin-top: 0.5rem;
      background-color: #007bff;
      color: white;
      padding: 0.5rem 1rem;
      border: none;
      border-radius: 5px;
      text-decoration: none;
      font-weight: 500;
      transition: background-color 0.3s;
    }

    .read-more-btn:hover {
      background-color: #0056b3;
    }

    footer {
      text-align: center;
      padding: 1rem;
      background: #e9ecef;
      margin-top: 2rem;
    }

    @media (max-width: 768px) {
      .tabs {
        flex-direction: column;
        align-items: center;
      }

      .tab {
        margin: 0.5rem 0;
      }

      header {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
      }
    }